<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui">

<h:head>
<title>Login</title>
<link href="css/style.css" rel="stylesheet" type="text/css" />
<link href="css/style_topo.css" rel="stylesheet" type="text/css" />
<link href="css/style_login.css" rel="stylesheet" type="text/css" />
<link href="css/style_rodape.css" rel="stylesheet" type="text/css" />
<link rel="shortcut icon" href="favicon.ico" />
</h:head>
<h:body>
<div class="topo">
		<div class="topo_limite">
			<div class="left_topo">
				<p>
					Painel Administrativo de Páginas
				</p>
			</div>

			<div class="right_topo">
				<img src="css/img/logo_white_new.png" style="border: none;" />
			</div>

		</div>
	</div>

	<div class="conteudo">
		
		<div class="limite">
		
		<h2>Realize seu Login!</h2>
		
		<div class="left_login">
			<img alt="" src="css/img/icon_cadeadp.png"/>
		</div>
		
		
		
		<div class="right_login">
		
		           <h:form styleClass="form_login">
		           <p:growl showDetail="false" id="growl"/>
                  	<label>Matricula:</label> <h:inputText value="#{logar.login}" id="login" required="true" requiredMessage="O Campo login é obrigatório" ></h:inputText>
                  	<label>CPF:</label> <h:inputSecret value="#{logar.codigo}" id="senha" required="true" requiredMessage="O Campo senha é obrigatório" ></h:inputSecret> 
                  	<h:commandButton id="botao" value="Confirmar" action="#{logar.logar}" > </h:commandButton>     
							
		           </h:form>
		
		
		
		</div>
		
		<div class="clr"></div>
		
		<img alt="" src="css/img/fafica.png" height="70" style="margin-left: 230px; margin-bottom: 50px;"/>
		
		</div>
		
	
	    
<div class="clr"></div>

</div>

<div class="clr"></div>
<div class="rodape">
Desenvolvido pelo Escriório de Projetos e Sistemas da FAFICA
</div>
</h:body>
</html>
